/*header*/
.header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	background: white;
	transition: 0.6s ease;
}
.page_banner{
	width: 100%;
	margin-top: 130px;
}
.page_banner img{
	width: 100%
}
.headerOn{
	border-bottom: 1px solid #004B92;
}
.header-top{
	background: #004b92;
	padding: 10px 50px;
}
.header-top ul{
	display: flex;
	align-items: center;
}
.top-list{
	display: flex;
	align-items: center;
}
.top-list .top-ico i{
	font-size: 20px;
	color: white;
	line-height: 20px;
	transition: .6s ease;
}
.top-list .top-con{
	font-size: 14px;
	color: white;
	margin-left:5px;
}
.top-list:nth-child(3){
	margin-left: auto;
}
.top-list:nth-child(3) .top-con{
	margin: 0px 5px;
}
.top-con a span{
	color: white;
	transition: .6s ease;
}
.top-list:nth-child(3):hover .top-ico i{
	color: #da251d;
}
.top-list:first-child{
	margin-right: 15px;
}
.top-list:nth-child(3) .top-con:hover a>span{
	color: #DA251D;
}
.headerBox{
	width: 100%;
	padding: 0px 50px;
	display: flex;
	align-items: center;
}
.header-logo{
	flex: 0 0 auto;
}
.header-logo img{
	width: 100%;
}
.header-nav{
	flex: 0 0 auto;
	margin-left: auto;
}
.header-nav ul{
	display: flex;
	padding: 20px 0px;
}
.nav{
	flex: 0 0 auto;
	height: 50px;
	padding:0px 20px;
}
.nav-title{
	display: block;
	position: relative;
	font-size: 17px;
	color: #333;
	line-height: 50px;
}
/* .nav-title::before{
	content: '';
	width: 0px;
	height: 2px;
	background: #0000FF;
	position: absolute;
	bottom: 0;
	left: 51%;
	right: 51%;
	z-index: -1;
	transition: 0.6s ease;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.nav:hover .nav-title::before{
	width: 100%;
	left: 0;
	right: 0;
} */
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #004b92;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.hvr-underline-from-center:hover{
	color: #004B92;
}
.active .nav-title{
	color: #004B92;
}
.active .nav-title::before{
	left: 0;
	right: 0;
}
.web-nav{
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
	background: #004B92;
	margin-left: auto;
	display: none;
}
.webBox{
	position: relative;
	width: auto;
	display: inline-block;
	border: none;
}
.btn-nav {
  position: fixed;
  top: 0px;
  right: 0px;
  background: transparent;
  border: none;
  padding: 13px 15px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #FFFFFF;
  margin: 6px auto;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
 /* background-color: #DA251D;*/
}

.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  display: block;
  height: 100%;
  z-index: 99996;
}

.nav-list {
  list-style: none;
  padding: 0;
  width: 100%;
  margin-top: 70px;
}
.langItem{
	width: 100%;
	position: absolute;
	bottom: 10px;
}
.langTop{
	text-align: center;
	margin-bottom: 10px;
}
.langTop i{
	
	font-size: 24px;
	color: white;
}
.langBox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.lang:first-child{
	margin-right: 20px;
}
.lang{
	flex: 0 0 auto;
	
}
.lang a span{
	font-size: 14px;
	color: white;
}
.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 10px;
  line-height: 50px;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {
  text-align: center;
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #fff;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #fff;
}

.animated .top {
  -webkit-transform:translateY(10px) rotateZ(45deg);
  -moz-transform:translateY(10px) rotateZ(45deg);
  -ms-transform:translateY(10px) rotateZ(45deg);
  -o-transform:translateY(10px) rotateZ(45deg);
  transform:translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-9px) rotateZ(-45deg);
  -moz-transform: translateY(-9px) rotateZ(-45deg);
  -ms-transform: translateY(-9px) rotateZ(-45deg);
  -o-transform: translateY(-9px) rotateZ(-45deg);
  transform: translateY(-9px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
 from {
   top: 0;
 }
 to {
   top: -100%;
 }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}

/*footer*/
.footer{
	width: 100%;
	padding: 40px 50px;
	background: #004B92;
}
.footer-box{
	padding: 0px;
	margin: 0px;
}
.footer-box ul{
	display: flex;
	justify-content: space-between;
}
.footer-list{
	flex: 0 0 auto;
}
.footer-list:nth-child(1){
	width: 30%;
}
.footer-list:nth-child(2){
	width: 100px;
}
.footer-list:nth-child(3){
	width: 30%;
}
.footer-logo{
	height: 40px;
}
.footer-logo img{
	height: 100%;
}
.footer-adv{
	margin-top: 10px;
	color: white;
	font-size: 15px;
	line-height: 25px;
	padding-right: 50px;
}
.footer-code{
	width: 100px;
}
.footer-code img{
	width: 100%;
}
.code-title{
	font-size: 13px;
	color: white;
	text-align: center;
	margin-top: 10px;
}
.footer-list:nth-child(3) .footeritem{
	text-align: right;
}
.footeritem{
	font-size: 13px;
	color: white;
	line-height: 25px;
}
.footeritem:nth-child(1){
	font-family: impact;
	font-size: 32px;
	color: white;
	line-height: initial;
}
.footeritem a span{
	color: white;
}
/*cistern*/
.cistern{
	background: url(../img/2018121558172275.jpg);
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	padding: 100px 50px;
}
.cistern-box{
	display: flex;
}
.cistern-list{
	flex: 0 0 auto;
}
.Culture{
	width: 30%;
	margin-right: 5%;
}
.Case{
	width: 65%;
}
.Culture-top{
	width: 80px;
	height: 80px;
	background: #004B92;
	padding: 20px 0px;
	position: relative;
/* 	transition: .8s ease; */
}
.Culture-top p{
	text-align: center;
	line-height: 20px;
	font-size: 15px;
	color: white;
	z-index: 99;
}
/* .Culture-top::before{
	content: '';
	width: 0px;
	height: 80px;
	background: #DA251D;
	transition: .8s ease;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
} */
/* .Cultureitem:hover .Culture-top{
	background: #DA251D;
}
 */

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #DA251D;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004B92;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.title-en{
	font-size: 40px;
	font-family: impact;
	color: #004B92;
	text-transform: uppercase;
}
.title-Ch{
	font-size: 28px;
	color: #232323;
}
.Culture-desc{
	font-size: 15px;
	color: #666;
	line-height: 24px;
}
.Culture-more a span{
	font-size: 12px;
	color: #666;
	padding: 5px 10px;
	position: relative;
	transition: 0.6s ease;
}
.Culture-more span::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #004B92;
	bottom: 0;
	left: 0;
	transition: 0.6s ease;
}
.Culture-more span::after{
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	background: #DA251D;
	bottom: 0;
	left: 0;
	transition: 0.6s ease;
}
.Cultureitem:hover .Culture-more span{
	color: #DA251D;
}
.Cultureitem:hover .Culture-more span::after{
	width: 100%;
}
.Culture-Box,.Culture-desc{
	margin-top: 50px;
}
.Culture-more{
	margin-top: 40px;
}
.partner{
	width: 100%;
}
.partner ul{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #f4f4f4;
	border-bottom: none;
	border-right: none;
}
.partner-list{
	flex: 0 0 auto;
	width: 16.6%;
	cursor: pointer;
}
.partner-img{
	border-bottom: 1px solid #F4F4F4;
	border-right: 1px solid #F4F4F4;
	overflow: hidden;
	/*padding: 20px;*/
	background: #fff;
}
.partner-img img{
	width: 100%;
	transition: .6s ease;
}
.partner-list:hover .partner-img img{
	transform: scale(1.1);
	/* -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity:0.7; */
}
.caseSort{
	width: 100%;
	margin-top: 70px;
/* 	display: flex; */
	overflow: hidden;
}
.sortitem{
	position: relative;
	overflow: hidden;
}
.case-list{
	float: left;
	width: 33.33%;
}
.case-list a{
	display: block;
	width: 92%;
}
.case-img{
	width: 100%;
	overflow: hidden;
}
.case-img img{
	width: 100%;
	transition: 0.6s ease;
}
.case-con{
	width: 100%;
	background: #F8F8F8;
	padding: 20px 10px;
}
.case-title{
	width: 100%;
	font-size: 16px;
	color: #232323;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.case-desc{
	margin-top: 5px;
	width: 100%;
	font-size: 13px;
	color: #666;
	line-height: 24px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.case-list:hover .case-img img{
	transform: scale(1.2);
}
/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004B92;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active,.hvr-bounce-to-top:hover .case-title,.hvr-bounce-to-top:hover .case-desc {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.sort-more{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.pre-hit,.next-hit{
	flex: 0 0 auto;
}
.pre-hit{
	margin-right: 20px;
}
.pre-hit,.next-hit{
	/* display: flex;
	width: 100px;
	align-items: center; */
	width: 40px;
	height: 40px;
	background: #004B92;
	transition: 0.6s ease;
	cursor: pointer;
}
.xtheader{
	width: 100%;
	height: 100%;
	text-align: center;
}
.xtheader i{
	line-height: 40px;
	color: #fff;
	font-size:16px;
}
.pre-hit:hover,.next-hit:hover{
	background: #DA251D;
}
/*news*/
.newsitem{
	width: 100%;
	padding: 100px 50px;
/* 	display: flex;
	height: 600px;
	overflow: hidden; */
}
.newsBox{
	width: 100%;
	display: flex;
}
.index-news{
	flex: 0 0 auto;
	width: 60%;
}
.index-about{
	flex: 0 0 auto;
	width: 40%;
	padding-left: 20px;
}
.index-about-box{
	width: 100%;
}
.index-about-box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index-about-list a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.about-list-item{
	position: relative;
}
.about-list-img{
	position: relative;
	overflow: hidden;
}
.about-list-img img{
	width: 100%;
	transition: 0.6s ease;
}
.about-list-title{
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0;
	padding: 10px 20px;
}
.index-news-box{
	display: flex;
}
.index-about-list:nth-child(1),.index-about-list:nth-child(2){
	margin-bottom: 20px;
}
.about-list-title p{
	color: white;
	line-height: 20px;
}
.about-list-title p:nth-child(1){
	font-size: 16px;
}
.index-about-list:hover .about-list-img img{
	transform: scale(1.08);
}
.clou-top{
	width: 100%;
	background: #004B92;
	display: flex;
	margin-bottom: 30px;
}
.clou-nav{
	felx:0 0 auto;
}
.clou-nav ul{
	display: flex;
}
.clou-nav-list{
	flex: 0 0 auto;
	width: 100px;
	color: white;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}
.clouOn{
	background: #DA251D;
}
.img-news{
	width: 100%;
	overflow: hidden;
}
.img-news img{
	width: 100%;
	transition: 0.6s ease;
}
.clou-bot{
	width: 100%;
	position: relative;
}
.clou-sort-box{
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(60px);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: 0.6s ease;
	width: 100%;
}
.clou-sortOn{
	transform: translateX(0px);
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.clou-more{
	margin-left: auto;
	width: 50px;
	height: 50px;
	padding: 10px;
	position: relative;
	cursor: pointer;
	margin-right: 10px;
}
.clou-more a{
	display: block;
	width: 100%;
	height: 100%;
}
.lxt{
	position: absolute;
}
.xt1{
	width: 30px;
	height: 1px;
	background: white;
	top: 24.5px;
	transition: 0.6s ease;
}
.xt2{
	width: 1px;
	height: 30px;
	background: white;
	left: 24.5px;
	transition: 0.6s ease;
}
.mapbox-map{
	width: 100%;
	height: 100%;
}
.clou-more:hover .xt1{
	background: #DA251D;
}
.clou-more:hover .xt2{
	background: #DA251D;
}
.clou-list{
	width: 100%;
}
.clou-list a{
	display: flex;
	align-items: center;
	height: 40px;
}
.clou-list a span{
	display: block;
	flex: 0 0 auto;
}
.clou-list a span:nth-child(1){
	width: 5px;
	height: 5px;
	background: #004B92;
	border-radius: 50%;
	transition: 0.6s ease;
}
.clou-list a span:nth-child(2){
	font-size: 16px;
	color: #656565;
	margin: 0px 10px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: 0.6s ease;
	flex: auto;
}
.clou-list:hover  span:nth-child(1){
	background: #D7171F;
}
.clou-list:hover span:nth-child(2){
	color: #D7171F;
}
.clou-list a span:nth-child(3){
	font-size: 14px;
	color: #666;
	margin-left: auto;
}
.news-clou{
	flex: 0 0 auto;
	width:50%;
	padding-right: 20px;
}
.newsimg-clou{
	flex: 0 0 auto;
	width: 50%;
}
.newsimg-clou a{
	display: block;
	position: relative;
}
.newsimg{
	position: relative;
}
.img-news{
	position: relative;
}
.img-con{
	position: absolute;
	width: 100%;
	height: 50px;
	background: #004B92;
	bottom: 0;
	line-height: 50px;
	color: white;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: 0.6s ease;
	padding:0px 20px;
}
.newsimg-clou:hover .img-news img{
	transform: scale(1.08);
}
.newsimg-clou:hover .img-con{
	background: #DA251D;
}
/*page*/
.pageItem{
	width: 100%;
}
.top-page{
	display: flex;
}
.contact{
	flex: 0 0 auto;
	width: 35%;
	padding: 100px 0px;
	background: #f8f8f8;
	display: flex;
}
.contactbox{
	flex:0 0 auto;
	width: 302px;
	margin-left: auto;
	padding-right: 50px;
}
.theme-Ch{
	font-size: 30px;
	color: #232323;
	line-height: 30px;
	margin-bottom: 5px;
}
.theme-en p{
	font-size: 16px;
	color: #004B92;
	font-family: 'arial';
	text-transform: uppercase;
	line-height: 15px;
}
.themeitem{
	margin-top: 30px;
	width: 100px;
	display: flex;
	align-items: center;
}
.theme-l{
	flex:0 0 auto;
	width: 50px;
	height: 50px;
	background: #004B92;
}
.theme-r{
	flex: 0 0 auto;
	width: 50px;
	height: 1px;
	background: #004B92;
	animation: starleft .8s infinite;
}
@keyframes starleft{
	from{
		opacity: 0;
		visibility: hidden;
		transform: translateX(-30px);
	}
	to{
		opacity: 1;
		visibility: visible;
		transform: translateX(0px);
	}
}
.mesbox{
	flex:0 0 auto;
	width: 65%;
	padding: 100px 0px;
	display: flex;
}
.mesitem{
	flex:0 0 auto;
	width: 590px;
	padding-left: 50px;
}
.contact-ac{
	margin-top: 50px;
}
.contact-ac-list{
	display: flex;
	align-items: center;
	border-left: 1px solid #004B92;
}
.ac-list-l{
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
	text-align: center;
}
.ac-list-l i{
	font-size: 28px;
	line-height: 60px;
}
.ac-list-r{
	flex: auto;
}
.r-ac-top{
	font-size: 14px;
	color: #004B92;
	font-weight: bold;
}
.r-ac-bot{
	font-size: 13px;
	color: #232323;
}
.mes-title{
	font-size: 32px;
	color: #004B92;
	border-bottom: 1px solid #004B92;
	text-transform: uppercase;
	line-height: 70px;
}
.mesform{
	width: 100%;
	margin-top: 30px;
}
.form-list{
	width: 100%;
	height: 50px;
	margin-bottom: 20px;
}
.form-list input{
	width: 100%;
	height: 50px;
	background: #f5f5f5;
	padding: 0px 20px;
	line-height: 50px;
	font-size: 14px;
	color: #666;
	transition: 0.6s ease;
}
.form-list input:focus,.form-tra textarea:focus{
	background: #cccccc;
}
.form-tra{
	height: 80px;
}
.form-tra textarea{
	width: 100%;
	height: 80px;
	background: #f5f5f5;
	padding: 10px 20px;
	line-height: 25px;
	font-size: 14px;
	color: #666;
	transition: 0.6s ease;
}
.formsub{
	width: 100%;
	height: 50px;
	margin-top: 10px;
	
}
.formsub-box{
	width: 180px;
	height: 50px;
	display: flex;
	border: 2px solid #004B92;
	justify-content: center;
	align-items: center;
	transition: 0.6s ease;
}
.formsub-l{
	flex: 0 0 auto;
}
.formsub-l input{
	line-height: 46px;
	font-size: 14px;
	color: #004B92;
	background: none;
	transition: 0.6s ease;
}
.formsub-r{
	transform: rotate(180deg);
	line-height: 46px;
	flex: 0 0 auto;
	margin-left: 10px;
}
.formsub-r i{
	font-size: 18px;
	color: #004B92;
	transition: 0.6s ease;
}
.formsub:hover .formsub-box{
	background: #004B92;
}
.formsub:hover .formsub-l input,.formsub:hover .formsub-r i{
	color: white;
}
.mapItem{
	height: 700px;
	position: relative;
	margin-bottom: 100px;
}
.map-title{
	width: 100%;
	display: flex;
	align-items: center;
	background:url(../img/banner3.jpg) no-repeat;
	background-attachment: fixed;
	height: 400px;
	overflow: hidden;
	background-position: center;
}
.mapbox{
	flex: auto;
}
.mapbox p:nth-child(1){
	font-size: 28px;
	color: white;
	text-transform: uppercase;
	text-align: center;
}
.mapbox p:nth-child(2){
	display: block;
	width: 50px;
	height: 1px;
	margin:10px auto;
	background:white;
}
.mapbox p:nth-child(3){
	font-size: 16px;
	color: white;
	text-align: center;
}
.map-clou{
	width: 1180px;
	padding: 50px;
	background: #F8F8F8;
	margin: auto;
	height: 400px;
	position: relative;
	margin-top: -100px;
}
/*news*/
.themeclou{
	width: 1180px;
	margin: auto;
}
.newsnav-item{
	margin-left: auto;
	flex: 0 0 auto;
}
.newsnav-top ul{
	display: flex;
}
.newsnav-list{
	flex: 0 0 auto;
	background: #004B92;
	transition: .6s ease;
}
.newsnav-listOn{
	background: #DA241C;
}
.newsnav-list span{
	font-size: 15px;
	color: white;
	padding: 0 20px;
	line-height: 40px;
}
.newsnav-bot{
	font-size: 12px;
	margin-top: 10px;
	color: #666;
	text-align: right;
}
.news-page{
	align-items: center;
	margin-top: 50px;
}
.newsnav-list:hover{
	background: #DA241C;
}
.newsClou{
	width: 1180px;
	margin: 50px auto;
}
.newsClou ul{
	display: flex;
/* 	justify-content: space-between; */
	align-items: center;
	flex-wrap: wrap;
}
.newsClou-list{
	flex: 0 0 auto;
	width: 32%;
	margin-bottom: 2%;
	margin-right: 2%;
}
.newsClou-list:nth-child(3n+3){
	margin-right: 0;
}
.newsClou-img{
	width: 100%;
	overflow: hidden;
	max-height: 240px;
}
.newsClou-img img{
	width: 100%;
	transition: 0.6s ease;
}
.newsClou-list:hover .newsClou-img img{
	transform: scale(1.1);
}
.newsClou-con{
	padding: 20px 10px;
	background: #f8f8f8;
	transition: 0.6s ease;
}
.newsClou-title{
	font-size: 17px;
	color: #666;
	line-height: 25px;
	height: 50px;
	transition: 0.2s ease;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 6px;
}
.newsClou-desc{
	font-size: 13px;
	color: #666;
	line-height: 20px;
	height: 40px;
	transition: 0.2s ease;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.newsClou-time{
	font-size: 12px;
	color: #989898;
	letter-spacing: -1px;
	margin-top: 10px;
	transition: 0.2s ease;
}
.newsClou-list:hover .newsClou-con{
	background: #004B92;
}
.newsClou-list:hover .newsClou-title,.newsClou-list:hover .newsClou-desc,.newsClou-list:hover .newsClou-time{
	color: white;
}
#newsShow-page{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 99999;
	overflow-x: hidden;
	overflow-y: auto;
	right: 0px;
	bottom: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-overflow-scrolling: touch;
}
.showPage{
	display: flex;
	align-items: center;
	position: relative;
}
.showClose{
	flex: 0 0 auto;
	width: 80px;
	height: 80px;
	background: #004B92;
	position: relative;
	left: 0;
}
.showPage-con{
	flex: auto;
	background: #F8F8F8;
	height: 100%;
	padding: 50px;
}
.showpage-title{
	font-size:28px;
	color: #232323;
	margin-bottom: 10px;
}
.showpage-top{
	padding-bottom: 50px;
}
.showpage-cont{
	padding: 50px 0px;
	border-top: 3px solid #004B92;
	border-bottom: 3px solid #004B92;
}
.showpage-desc{
	font-size: 13px;
	color: #666;
}
.showpage-desc span{
	margin-right: 10px;
}
.showpage-bot{
	width: 100%;
	margin-top: 50px;
}
.showpage-bot ul{
	display: flex;
	justify-content: space-between;
}
.bot-list{
	flex: 0 0 auto;
	border: 1px solid #E4E4E4;
	transition: .6s ease;
}
.bot-list span{
	display: block;
	padding: 8px 20px;
	transition: .6s ease;
}
.bot-list:hover{
	background: #004B92;
}
.bot-list:hover span{
	color: white;
}
.bot-list:nth-child(2){
	background: #E4E4E4;
}
.xtbox{
	width: 50px;
	height: 50px;
	position: relative;
	margin: 15px auto;
	transition: 0.6s ease;
	cursor: pointer;
}
.c-xt:nth-child(1){
	width: 40px;
	height: 3px;
	transform: rotate(-45deg);
	background: white;
	position: absolute;
	top: 22px;
	left: 5px;
}
.c-xt:nth-child(2){
	width: 40px;
	height: 3px;
	transform: rotate(45deg);
	background: white;
	position: absolute;
	top: 22px;
	left: 5px;
}
.showClose:hover .xtbox{
	transform: rotate(360deg);
}
.showmdho{
	
}
/*case*/
.par-desc{
	flex:0 0 auto;
	width: 60%;
	margin-left: auto;
	font-size: 14px;
/*	text-align: center;*/
	line-height: 25px;
}
.parItem{
	width: 1180px;
	margin:50px auto;
}
.parbox{
	width: 96%;
	margin: auto;
}
.parbox ul{
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
}
.par-list{
	width: 16.6%;
	border-bottom: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
}
.par-list-img{
	overflow: hidden;
}
.par-list-img img{
	width: 100%;
	transition: 0.6s ease;
}
.par-list:hover .par-list-img img{
	transform: scale(1.1);
}
.par-sort{
	width: 100%;
	margin-top: 50px;
}
.par-sort-list{
	display: flex;
}
.par-sort-img,.par-sort-con{
	flex: 0 0 auto;
	width: 50%;
}
.par-sort-img{
	overflow: hidden;
}
.par-sort-img img{
	width: 100%;
	transition: .6s ease;
}
.par-sort-con{
	padding: 30px 40px;
	background: #F4F4F4;
}
.par-sort-title{
	font-size: 20px;
	color: #004B92;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.par-sort-desc{
	font-size: 13px;
	color: #666;
	line-height: 25px;
	margin-top: 30px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.par-sort-more{
	width: 100%;
	margin-top: 40px;
}
.form-more{
	width: 150px;
	height: 40px;
	border: 2px solid #004B92;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .6s ease;
	cursor: pointer;
}
.more-l{
	flex: 0 0 auto;
	font-size: 13px;
	color: #004B92;
}
.more-r{
	transform: rotate(-180deg);
	font-size: 18px;
	color: #004B92;
}
.par-sort-list:hover .form-more{
	background: #004B92;
}
.par-sort-list:hover .more-l,.par-sort-list:hover .more-r{
	color: white;
}
.par-sort-list:hover .par-sort-img img{
	transform: scale(1.1);
}
.proitem{
	width: 100%;
	margin-top: 50px;
}
.proBox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.pro-list{
	flex: 0 0 auto;
	width: 32%;
	margin-bottom: 2%;
}
.pro-list a{
	display: block;
	position: relative;
}
.pro-list-img{
	position: relative;
	overflow: hidden;
}
.list-img{
	position: relative;
	overflow: hidden;
}
.list-img img{
	width: 100%;
	transition: .6s ease;
}
.pro-con{
	width: 100%;
	height: 100%;
	padding:0px 10px;
	position: absolute;
	transition: opacity 800ms ease, visibility 800ms ease, transform 800ms ease;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-115%);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px;
	text-align: center;
	background: rgba(35,67,143,0.6);
	flex-direction: column;
}
.pro-con:p:nth-child(2){
	font-size: 20px;
	color: white;
	margin-top: 5px;
}
.pro-list:hover .pro-con{
	transform: translateY(-100%);
	opacity:1;
	visibility: visible;
}
.pro-list:hover .list-img img{
	transform: scale(1.1);
}
.odds-item{
	margin: 30px 0px;
}
.odds-list{
	margin-bottom: 20px;
	border-left: 1px solid #004B92;
	padding:20px 10px;
}
.odds-list-top span:nth-child(1){
	font-size: 30px;
	font-family: impact;
	color: #004B92;
}
.odds-list-top span:nth-child(2){
	font-size: 12px;
	color: #666;
	margin-left: 6px;
}
.odds-list-bot{
	font-size: 12px;
	color: #666;
}
.odds-content{
	padding: 0px 0px 0px 50px;
	width: 782px;
}
.odds-content img{
	max-width: 100%;
}
.oddslist{
	width: 100%;
}
.oddslist a{
	display: flex;
	align-items: center;
}
.odds-ico{
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
}
.icoimg{
	width: 30px;
	height: 20px;
	position: relative;
	margin: 15px auto;
}
.icoimg img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.6s ease;
}
.icoimg img:nth-child(1){
	transform:translateY(0px);
	opacity: 1;
	visibility: visible;
}
.icoimg img:nth-child(2){
	transform:translateY(0px);
	opacity: 0;
	visibility: hidden;
}
.oddslist:hover .icoimg img:nth-child(1){
	opacity: 0;
	visibility: hidden;
	transform:translateY(0px);
}
.oddslist:hover .icoimg img:nth-child(2){
	opacity: 1;
	visibility: visible;
	transform:translateY(0px);
}
.oddslist{
	margin-bottom: 10px;
}
.odds-nav{
	margin-top: 30px;
}
.odds-con p:nth-child(1){
	color: #232323;
	font-size: 16px;
	transition: .6s ease;
}
.odds-con p:nth-child(2){
	color: #999;
	font-size: 13px;
	transition: .6s ease;
}



/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004B92;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.oddslist a:hover .odds-con p{
	color: white;
}
/*关于我们*/
.about-page{
	align-items: initial;
}
.about-page .par-desc{
	width: 70%;
}
.firmItem{
	text-align: left;
}
.firm-title{
	font-size: 28px;
	color: #004B92;
	text-align: right;
}
.firm-xt{
	width: 60px;
	height: 1px;
	background: #DA251D;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
.firm-desc{
	text-indent: 2em;
	line-height: 25px;
	max-height: 300px;
	overflow: hidden;
	transition: 0.6s ease;
}
.active_desc{
	max-height: initial;
}
.firm-more{
	margin-top: 30px;
	cursor: pointer;
}
.firm-more .formsub-box{
	margin-left: auto;
}
.about-bew{
	margin-top: 30px;
}
.bew-list{
	border-bottom: 1px solid #E4E4E4;
	padding: 20px;
}
.bew-top{
	font-family: impact;
	font-size: 28px;
	color: #004B92;
}
.bew-top .num,.bew-top .abnum{
	font-family: impact;
	font-size: 28px;
	color: #004B92;
}
.bew-top span{
	font-family: '微软雅黑';
	font-size: 13px;
	color: #656565;
	margin-left: 5px;
}
.bew-bot{
	font-size: 12px;
	color: #999;
}
.bew-list:last-child{
	border-bottom: none;
}
.firm-more:hover .formsub-box{
	background: #004B92;
}
.firm-more:hover .formsub-l input,.firm-more:hover .formsub-r i{
	color: white;
}
.firm-culture{
	width: 100%;
	background: url(../img/banner3.jpg) no-repeat;
	background-attachment: fixed;
	height: 600px;
	overflow: hidden;
	margin: 50px auto 0px;
	padding: 100px 0px;
}
.culture-firm{
	width: 1180px;
	margin: auto;
}
.cult-top{
	width: 100%;
	margin-bottom: 40px;
}
.cult-title{
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.cult-xt{
	width: 60px;
	height: 1px;
	background: #DA251D;
	margin:5px auto;
}
.cult-desc{
	font-size: 14px;
	text-align: center;
	color: #fff;
}
.cult-bot{
	width: 100%;
}
.cult-bot ul{
	display: flex;
	justify-content: space-between;
}
.cult-list{
	flex: 0 0 auto;
	width: 210px;
	cursor: pointer;
}
.cult-y{
	width: 100%;
	border-radius: 50%;
	border: 2px solid #f8f8f8;
	padding: 3px;
	position: relative;
	transition: 0.6s ease;
	overflow: hidden;
}
/* .cult-y::before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	background: rgba(218,37,29,0.3);
	left: 50%;
	top: 50%;
	transition: 0.6s ease;
	border-radius: 50%;
} */
.cult-n{
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	border-radius: 50%;
	padding: 40px;
	position: relative;
	transition: 0.6s ease;
}
.cult-n::before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	background: rgba(218,37,29,0.3);
	left: 50%;
	top: 50%;
	transition: 0.6s ease;
	border-radius: 50%;
}
.cult-list-title{
	margin-top: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	color: #004B92;
	margin-bottom: 10px;
	transition: 0.6s ease;
}
.cult-list-xt{
	width:10%;
	height: 1px;
	background: #004B92;
	position: relative;
	left: 45%;
	right: 45%;
	transition: 0.6s ease;
}
.cult-list-desc{
	text-align: center;
	font-size: 13px;
	color: #656565;
	margin-top: 10px;
	margin-bottom: 20px;
	transition: 0.6s ease;
}
.cult-list:hover .cult-list-xt{
	width: 100%;
	left: 0;
	right: 0;
}
.cult-list:hover .cult-y{
	transform: scale(1.1);
}
.cult-list:hover .cult-n::before{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.cult-list:hover .cult-list-desc,.cult-list:hover .cult-list-title{
	color: #232323;
}
/*honor*/
.honor{
	width: 100%;
}
/*Talents*/
.Talents{
	width: 100%;
	margin: 100px auto; 
	cursor: pointer;
}
.TalentsBox{
	width: 1180px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.Talents-l{
	flex: 0 0 auto;
	width: 50%;
}
.Talents-r{
	flex: 0 0 auto;
	width: 50%;
	overflow: hidden;
}
.Talents-l{
	background: #f8f8f8;
}
/* .Talents-l::before{
	content: '';
	background: url(../img/wg.png);
	width: 100%;
	position: absolute;
	background-position: center;
	left: 0;
	top: 0;
	min-height: 100px;
} */
.Talents-l-box{
	/* padding: 50px 30px; */
	position: relative;
}

.Talents-l-box::before{
	content: '';
	background: url(../img/wg.png);
	width: 100%;
	position: absolute;
	background-position: center;
	left: 0;
	top: 0;
	height: 100%;
	bottom: 0;
	right: 0px;
	z-index: 1;
}
.Tal{
	padding: 50px 20px;
	z-index: 999;
	position: relative;
}
.l-box-top{
	display: flex;
	width: 100%;
	align-items: center;
}
.l-n-con{
/* 	padding: ; */
}
.l-b-t-title{
	flex: 0 0 auto;
	font-size: 2rem;
	color: #004B92;
}
.l-b-t-more{
	margin-left: auto;
	flex: 0 0 auto;
	font-size: 0.9rem;
	position: relative;
}
.l-b-t-more i{
	font-size: 12px;
}
.l-b-t-more i:nth-child(2){
	margin-left: -8px;
}
.l-n-con{
	width: 70%;
	font-size: 0.9375rem;
	color: #656565;
	line-height: 24px;
	margin: 20px 0px;
}
.l-b-item ul{
	display: flex;
	justify-content: space-between;
}
.l-b-list{
	flex: 0 0 auto;
	width: 100%;
	padding: 10px 0px;
	background: #004B92;
	transition: 0.6s ease;
}
.l-b-list:nth-child(2){
	background: #DA251D;
}
.l-b-list a{
	display: flex;
	align-items: center;
	justify-content: center;
}
.l-b-ico{
	font-size: 13px;
	color: white;
	margin-right: 5px;
}
.l-b-title{
	font-size: 15px;
	color: white;
}
.l-b-t-more:hover a{
	font-size: 0.9rem;
	position: relative;
	transition: 0.6s ease;
}
.l-b-list:nth-child(1):hover{
	background: #DA251D;
}
.l-b-list:nth-child(2):hover{
	background: #004B92;
}
.l-b-t-more:hover a{
	color: #DA251D;
}
.tal-ico{
	width: 100%;
	overflow: hidden;
}
.tal-ico img{
	width: 100%;
	transition: 0.6s ease;
}
.Talents:hover .tal-ico img{
	transform: scale(1.1);
}
/*人力资源*/
.talitem{
	width: 100%;
}
.tal-con{
	margin: 30px 0px;
	font-size: 15px;
	color: #656565;
	line-height: 25px;
}
.tal-img{
	width: 100%;
	overflow: hidden;
}
.tal-img img{
	width: 100%;
	transition: 0.6s ease;
}
.tal-img img:hover{
	transform: scale(1.08);
}
/* .talbox .mesitem{
	padding-left:0px;
	margin: auto;
} */
.tale-list{
	width: 100%;
	border-bottom: 1px solid #E4E4E4;
	transition: 0.6s ease;
}
.tale-list>a{
	position: relative;
	transition: 0.6s ease;
}
.tale-list>a::before{
	content: '';
	position: absolute;
	width:0;
	height: 100%;
	z-index: -1;
	left: 0;
	top: 0;
	transition: 0.3s ease;
	background: #004B92;
}

.tale-list a{
	display: flex;
	padding: 20px 5px;
	align-items: center;
}
.tale-list:hover a::before{
	width: 100%;
}
.yd{
	flex: 0 0 auto;
	width: 5px;
	height: 5px;
	background: #004B92;
	border-radius: 50%;
	transition: 0.6s ease;
}
.tale-title{
	flex: 0 0 auto;
	font-size: 15px;
	color: #656565;
	margin-left: 5px;
	margin-right: 5px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: 0.6s ease;
}
.tale-titme{
	flex: 0 0 auto;
	margin-left: auto;
	
}
.tale-day{
	font-family: impact;
	font-size: 14px;
	text-align: center;
	transition: 0.6s ease;
}
.tale-mon{
	text-align: center;
	font-size: 13px;
	color: #666;
	transition: 0.6s ease;
}
/* .tale-list:hover{
	background: #004B92;
} */
.tale-list:hover .yd{
	background: white;
}
.tale-list:hover .tale-title,.tale-list:hover .tale-day,.tale-list:hover .tale-mon{
	color: white;
}
/*show*/
.showItem{
	width: 100%;
}
.showTop{
	width: 100%;
	max-height: 300px;
	overflow: hidden;
}
.showTop img{
	width: 100%;
}
.showCon{
	width: 1180px;
	background: #F8F8F8;
	padding: 50px;
	border-radius: 10px;
	z-index: 11;
	position: relative;
	margin:-100px auto 100px;
}
.showCon-top{
	font-size: 2.2rem;
	color: #232323;
}
.showCon-desc{
	font-size: 12px;
	color: #666;
	margin: 10px 0px 20px;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 10px;
}
.showCon-desc span:nth-child(even){
	font-weight: bold;
	font-family: arial;
	margin-right: 10px;
}
.showCon-body{
	font-size: 16px;
	color: #656565;
	line-height: 25px;
}
.showCon-body img{
	max-width: 100%;
}
.showCon-bot{
	margin-top: 20px;
}
.botItem ul{
	display: flex;
	justify-content: space-between;
}
.botlst{
	flex: 0 0 auto;
	padding: 10px 20px;
	background: #E4E4E4;
	transition: 0.6s ease;
}
.botlst:nth-child(2){
	background: #004B92;
}
.botlst:nth-child(2) a{
	color: white;
}
.botlst a{
	display: block;
	width: 100%;
	height: 100%;
}
.botlst:hover{
	background: #DA251D;
}
.botlst:hover a{
	color: white;
}
/*ems*/
.TechItem{
	width: 100%;
	margin-top: 130px;
}
.TechBox{
	width: 100%;
}
.TechBox ul{
	display: flex;
}
.Techlist{
	flex: 0 0 auto;
	width: 25%;
	background-position: center;
	height:calc(100vh - 15vh);
	transition: 0.6s ease;
}
.Techlist a{
	display: block;
	position: relative;
	height: 100%;
}
.TechCon{
	/* position: relative;
	height: 100%; */
	width: 100%;
	height: 100%;
	padding: 40px;
	position: absolute;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	background: rgba(0,0,0,0.2);
	transition: opacity 800ms ease, visibility 800ms ease, transform 800ms ease;
	z-index: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.Tact{
	width: 22%;
}
.Tec{
	/* width: 100%;
	height: 100%;
	padding: 40px;
	position: absolute;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	background: rgba(0,0,0,0.2);
	transition: opacity 800ms ease, visibility 800ms ease, transform 800ms ease;
	z-index: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap; */
	position: relative;
	height: 75px;
}
.TechIco{
	width: 50px;
	margin: auto;
}
.tops{
	flex: 0 0 auto;
	width: 100%;
	transition: 0.6s ease;
	transform: translateY(0px);
}
.topOn{
	transform: translateY(-30px);
}
.TechIco img{
	width: 100%;
}
.TechIco i{
	color: white;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
}
.TechTitle{
	font-size: 20px;
	color: white;
	text-align: center;
}
.TechDesc{
	width: 280px;
	transform: translateY(60px);
	opacity: 0;
	visibility: hidden;
	transition: 0.6s ease;
}
.TechDescOn{
	transform: translateY(-10%);
	opacity: 1;
	visibility: visible;
}
.Techxt{
	width: 1px;
	height: 60px;
	background: white;
	margin:20px auto;
}
.Technote{
	font-size: 15px;
	color: white;
	line-height: 25px;
	text-align: center;
	height: 75px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 20px;
}
.emsimg{
	width: 100%;
	display: none;
}
.TechMore .formsub-box{
	margin: auto;
	border-color: white;
}
.TechMore .formsub-box .formsub-l input,.TechMore .formsub-box .formsub-r i{
	color: white;
}
.TecActive{
	width: 34%;
}
/*荣誉*/
.inner { width: 1180px; margin: 0px auto; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../img/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes mouse {
    from { transform: translateY(0); -webkit-transform: translateY(0); }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); }
}

@-webkit-keyframes mouse {
    from { transform: translateY(0); -webkit-transform: translateY(0); }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); }
}

@-webkit-keyframes start {
    0%,30% { opacity: 0; -webkit-transform: translate(0,-8px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 1; -webkit-transform: translate(0,6px); }
}

@-moz-keyframes start {
    0%,30% { opacity: 0; -moz-transform: translate(0,-8px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 1; -moz-transform: translate(0,6px); }
}

@keyframes start {
    0%,30% { opacity: 0; transform: translate(0,-8px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 1; transform: translate(0,6px); }
}
@-moz-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}

@-webkit-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}

@-o-keyframes a_slidercurrent { from;
{ width: 0%; }
to { width: 100%; }
}

@keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
.imgShowBox { background: url(../img/black2.png) repeat; background: none rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); transition: all 800ms ease 0s; z-index: 99999; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: contain; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .txt { background: url(../img/black.png) repeat; background: none rgba(0,0,0,0.5); font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 10px 0px; }
.imgShowDemo .txt .i { padding: 0px 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .slick-prev, .imgShowDemo .slick-next { width: 44px; height: 44px; position: absolute; top: 50%; margin-top: -22px; z-index: 100; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s; }
.imgShowDemo .slick-prev { background: url(../img/img_btn2.png) no-repeat scroll left top; left: 2%; }
.imgShowDemo .slick-next { background: url(../img/img_btn2.png) no-repeat scroll right top; right: 2%; }
.imgShowDemo .slick-prev:hover { background-position: left bottom; }
.imgShowDemo .slick-next:hover { background-position: right bottom; }
.overlayClose { width: 56px; height: 56px; display: block; position: fixed; right: 2%; top: 2%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; }
.overlayClose i { background: url(../img/close2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #ba002a; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.aboutPage .action.transYT, .companyPage .action.transYT, .processPage .action.transYT, .honorPage .action.transYT, .industialBox .action.transYT 
{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.aboutPage .action.transXT { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }

.honorPage { background-color: #f7f7f7; padding: 100px 0px;}
/* .honorList { padding-bottom: 70px; } */
.honorList a:link, .honorList a:visited { color: #fff; }
.honorList a:active, .honorList a:hover { color: #fff; }
.honorList .item { float: left; display: block; width: 266px; margin: 0px 6px 0px; }
.honorList .itemA { margin-bottom: 12px; display: block; position: relative; overflow: hidden; padding: 16px; font-size: 16px; }
.honorList .itemA .black { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../img/black.png) repeat; background: none rgba(0,0,0,0.5); transition: 400ms; -webkit-transition: 400ms; }
.honorList .itemA .ico { background: url(../img/fd.png) no-repeat; width: 34px; height: 34px; display: block; margin: 20% auto 8%; }
.honorList .itemA .name { padding: 0px 8%; display: block; text-align: center; line-height: 1.4; height: 45px; overflow: hidden; }
.honorList .item img { width: 100%; display: block; }
.csstransitions .honorList .itemA .black { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
.csstransitions .honorList .itemA:hover .black { opacity: 1; transform: scale(1); -webkit-transform: scale(1); display: block; }
.no-csstransitions .honorList .itemA .black { display: none; }
.no-csstransitions .honorList .itemA:hover .black { display: block; }
.honorList .slick-dots { bottom: 0px; }
.honorList .slick-dots li { position: relative; display: inline-block; margin: 0px 5px; width: 13px; height: 10px; padding: 2px 0px; cursor: pointer; }
.honorList .slick-dots li a { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border: 1px solid #aaa; background-color: #fff; border-radius: 50%; }
.honorList .slick-dots li a:focus { outline: none; }
.honorList .slick-dots li.slick-active a { background-color: #aaa; }
@-webkit-keyframes icoI {
    0% { -webkit-transform: translate(0px, 0px); }
    25% { -webkit-transform: translate(0px, -10px); }
    50% { -webkit-transform: translate(0px, 0px); }
    75% { -webkit-transform: translate(0px, 10px); }
    100% { -webkit-transform: translate(0px, 0px); }
}
@-moz-keyframes icoI {
    0% { -moz-transform: translate(0px, 0px); }
    25% { -moz-transform: translate(0px, -10px); }
    50% { -moz-transform: translate(0px, 0px); }
    75% { -moz-transform: translate(0px, 10px); }
    100% { -moz-transform: translate(0px, 0px); }
}
@keyframes icoI {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px); }
    50% { transform: translate(0px, 0px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px); }
}
.honorpageT .cult-title{
	color: #004B92;
}
.honorpageT .cult-desc{
	color: #656565;
}
.honor{
	width: 100%;
}
/*about*/
.aboutitem{
	/* background: wheat; */
}
.aboutBox{
	margin: 0;
	padding: 0;
}
.index{
	display: flex;
}
.about-b-l{
	flex: 0 0 auto;
	width: 60%;
}
.about-b-c{
	flex: 0 0 auto;
	width: 20%;
}
.about-b-r{
	flex: 0 0 auto;
	width: 20%;
}
.In-box{
	display: block;
	position: relative;
}
.in-box-img{
	position: relative;
	overflow: hidden;
}
.in-video{
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: 0;
	left: 0;
	right: 0;
}
.in-box-img img{
	max-width: 100%;
	transition: 1.3s ease;
}
.in-box-img:hover img{
	transform: scale(1.08);
}
.video-box{
	width: 100px;
	height: 100px;
	background: #004B92;
	border: 2px solid #F8F8F8;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-box i{
	font-size:30px;
	color: white;
}
.In-r{
	display: block;
	position: relative;
}
.In-r-box{
	position: relative;
	overflow: hidden;
}
.In-r-box img{
	width: 100%;
	transition: 1.3s ease;
}
.In-xt{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
}
.xt-item{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.xt11{
	position: absolute;
	width: 0px;
	height: 2px;
	left: 0px;
	top: 0px;
	background: #fff;
	transition: 0.6s ease;
}
.xt22{
	position: absolute;
	width: 2px;
	height: 0px;
	right: 0px;
	top: 0px;
	background: #fff;
	transition: 0.6s ease;
	transition-delay: 0.2s;
}
.xt33{
	position: absolute;
	width: 2px;
	height: 0px;
	left: 0px;
	bottom: 0px;
	background: #fff;
	transition: 0.6s ease;
	transition-delay: 0.8s;
}
.xt44{
	position: absolute;
	width: 0px;
	height: 2px;
	right: 0px;
	bottom: 0px;
	background: #fff;
	transition: 0.6s ease;
	transition-delay: 0.4s;
}
.In-r-box:hover .xt11,.In-r-box:hover .xt44{
	width: 100%;
}
.In-r-box:hover .xt22,.In-r-box:hover .xt33{
	height: 100%;
}
.In-r-box:hover img{
	transform: scale(1.06);
}
.In-Con{
	display: flex;
	align-items: center;
	padding: 20px;
	width: 100%;
	height: 100%;
	background: #F8F8F8;
}
.In-C-box{
	flex: 0 0 auto;
	width: 100%;
}
.In-logo{
	width: 50%;
	margin: auto;
}
.In-logo img{
	width: 100%;
}
.In-desc{
	padding: 0px 30px;
	margin: 40px auto;
	font-size: 15px;
	color: #656565;
	text-align: center;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.In-more{
	width: 120px;
	height: 40px;
	background: #004B92;
	color: white;
	line-height: 40px;
	font-size: 14px;
	color: white;
	text-align: center;
	margin: auto;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
/*  display: inline-block; */
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #004B92;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #DA251D;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*index-ems*/
.Emsbox{
	width: 100%;
	display: flex;
}
.Ems-l{
	flex: 0 0 auto;
	width: 50%;
	overflow: hidden;
}
.Ems-r{
	flex: 0 0 auto;
	width: 50%;
	background: #f8f8f8;
}
.ems-box{
	width: 590px;
	padding-left: 100px;
}
.ems-box-l{
	width: 100%;
}
.ems-box-l ul{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.emsBg-list{
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transition: .8s ease;
	transform: scale(0.98);
}

.emsBg-list img{
	width: 100%;
	/*animation: fdimg 20s infinite;*/
}
.emsBg-list:hover .emsBg-list img{
    transform: scale(1.2);
}

@keyframes fdimg{
	from{
		transform: scale(1);
	}
	33%{
		transform: scale(1.3);
	}
	to{
		transform: scale(1);
	}
}
.Emsitem{
	overflow: hidden;
	width: 100%;
	position: relative;
}
.ems-more{
	width: 100px;
	height: 100px;
	position: relative;
	margin: auto;
	z-index: 99;
}
.more-i{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	position: relative;
	transition: 0.6s ease;
	box-shadow: 1px 2px 5px #E4E4E4;
}
.more-i::before{
	content: '';
	width: 40px;
	height: 1px;
	position: absolute;
	top: 48.5px;
	left:30px;
	background: #999;
}
.more-i::after{
	content: '';
	width: 1px;
	height: 40px;
	position: absolute;
	top: 30px;
	left:48.5px;
	background: #999;
}
.ems-more:hover .more-i{
	transform: rotate(360deg);
	background: #004B92;
}
.ems-box ul{
	display: block;
	width: 100%;
}
.ems-con-list{
	width: 100%;
}
.ems-con-list a{
	display: flex;
	align-items: center;
	height: 70px;
}
.ems-ico{
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	position: relative;
	margin-left: 10px;
}
.ems-ico img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: 0.6s ease;
}
.ems-ico img:nth-child(1){
	opacity:1;
	visibility: visible;
	z-index: 1;
}
.ems-con{
	font-size: 16px;
	color: #656565;
	flex: 0 0 auto;
	margin-left: 10px;
	margin-right: 10px;
	transition: 0.6s ease;
	transition-delay: 0.2s;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ems-xt-box{
	position: relative;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	margin-left: auto;
	margin-right: 10px;
}
.ems-xt-box::before{
	position: absolute;
	content: '';
	width: 40px;
	height: 1px;
	top: 19.5px;
	left: 0;
	transform: translateX(-30px);
	opacity: 0;
	visibility: hidden;
	background: #FFF;
	transition: 0.6s ease;
}
.ems-xt-box::after{
	position: absolute;
	content: '';
	width: 1px;
	height: 40px;
	left: 19.5px;
	top: 0;
	transform: translateY(30px);
	opacity: 0;
	visibility: hidden;
	background: #FFF;
	transition: 0.6s ease;
}
.ems-xt{
	flex: 0 0 auto;
	width: 60px;
	height: 1px;
	background: #999;
	margin-left: 10px;
	transition: 0.3s ease;
	transition-delay: 0.2s;
}
.ems-box{
	display: flex;
	align-items: center;
	height: 100%;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004b92;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.ems-con-list:hover .ems-ico img:nth-child(1){
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.ems-con-list:hover .ems-ico img:nth-child(2){
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.ems-con-list:hover .ems-xt{
	background: #fff;
}
.ems-con-list:hover .ems-con{
	color: white;
}
.ems-con-list:hover .ems-xt-box::before{
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.ems-con-list:hover .ems-xt-box::after{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.emsBgOn{
	opacity: 1;
	visibility: visible;
	z-index: 1;
	transform: scale(1);
}
.videoItem{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
	z-index: 999999;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
	transition: 1s ease;
}
.videoItem_act{
	opacity: 1;
	visibility: visible;
	z-index: 999999;
	transform: scale(1);
}
.videoBox{
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	position: relative;
	left: 50px;
	top: 50px;
}
.videoBox video{
	width: 100%;
	height: 100%;
}
.video-close{
	width: 40px;
	height: 40px;
	background: url(../img/close2.png);
	background-position: center;
	background-size:100% 100%;
	position: absolute;
	right: 10px;
	top: 10px;
	transition: 0.6s ease;
}
.video-close:hover{
	transform: rotate(360deg);
}
.showCon-img{
	width: 100%;
	margin: 20px auto;
}
.showCon-title{
	font-size: 1.8rem;
	color: #004B92;
	text-align: center;
}
.showCon-xt{
	width: 60px;
	height: 1px;
	background: #656565;
	margin:10px auto 20px;
}
.showImg-item{
	display: flex;
	width: 100%;
/*	justify-content: space-between;*/
	flex-wrap: wrap;
}
.showImg-img-list{
	flex: 0 0 auto;
	width: 20%;
	padding: 0px 10px;
	padding-right: 
/*	background: #e4e4e4;
	padding: 10px;*/
}
.imgShow{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.imgShow img{
	width: 100%;
	transition: .6s ease
}
.showImg-img-list:hover .imgShow img{
	transform: scale(1.08);
}